<template>
    <div class="app-container">
        <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="标签">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-button type="primary">新建标签</el-button>
            </el-form-item>
            <el-form-item label="分组">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-button type="primary">新建分组</el-button>
            </el-form-item>
            <el-form-item label="所属区域">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="代理ip">
                <el-radio-group v-model="form.resource">
                    <el-radio label="静态ip"></el-radio>
                    <el-radio label="动态ip"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="代理组">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="系统类型">
                <el-radio-group v-model="form.resource">
                    <el-radio label="安卓"></el-radio>
                    <el-radio label="IOS"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="版本类型">
                <el-radio-group v-model="form.resource">
                    <el-radio label="商业版"></el-radio>
                    <el-radio label="个人号"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="参数格式">
                <el-radio-group v-model="form.resource">
                    <el-radio label="正常"></el-radio>
                    <el-radio label="三段"></el-radio>
                    <el-radio label="全参"></el-radio>
                    <el-radio label="劫持专用"></el-radio>
                    <el-radio label="全参转五段"></el-radio>
                </el-radio-group>
            </el-form-item>




            <el-form-item label="数据">
                <el-button type="primary">导入数据</el-button>
                <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">立即创建</el-button>
                <el-button>取消</el-button>
            </el-form-item>
        </el-form>

    </div>
</template>

<script>
import { fetchList, fetchPv, createArticle, updateArticle, getDel } from '@/api/fenzu'
import waves from '@/directive/waves' // waves directive
import { parseTime } from '@/utils'
import Pagination from '@/components/Pagination' // secondary package based on el-pagination

export default {
    name: 'ComplexTable',
    components: { Pagination },
    directives: { waves },
    data() {
        return {
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            }
        }
    },
    created() {
    },
    methods: {
        onSubmit() {
            console.log('submit!');
        }
    }
}
</script>
